<template>
		<view class="page">
			<view class="contain">
				<!-- 搜索框 -->
				<view class="searchInput">
					<image class="search_icon" src="https://img-blog.csdnimg.cn/20210316161109714.png"></image>
					<input placeholder="搜索关键词"/>
				</view>
			</view>

			<view class="SearchResult">
				<view class="nothingFound">
					<view contain>
						<image class="nothingFound_icon" src="https://img-blog.csdnimg.cn/20210318220736679.png"></image>
					</view>
					<text class="title_no_found">暂时没有找到相关数据</text>
				</view>
			</view>
		</view>
		
</template>

<script>
    export default {
        data() {
            return {
            }
        },
        methods: {
        }
    }
</script>

<style>
	
	  .page {
	  
	  	width: 750rpx;
	  	height: 1334rpx;
	  	/* height: 1020rpx; */
	  	padding-bottom: 60px;
	  	background-color: #F3F5F7;
	  }
	  
	  .contain{
		  width: 100%;
		  display: flex;
		  justify-content: center;
	  }
	
	 .searchInput{
	  background-color: #FFFFFF;
	  width: 680rpx;
	  height: 80rpx;
	  margin-bottom: 30rpx;
	  border-radius: 40rpx;
	  display: flex;
	  padding-left: 50rpx;
	  align-items: center;
	 }
	 .search_icon{
	  width: 30rpx;
	  height: 30rpx;
	  margin-right: 20rpx;
	 }
	 
	 .SearchResult{
		 width: 100%;
		 display: flex;
		 justify-content: center;
	 }
	 
	 .nothingFound_icon{
		 margin-top: 100rpx;
		 width: 550rpx;
		 height: 320rpx;
	 }
	 .title_no_found{
		 width: 100%;
		 display: flex;
		 justify-content: center;
		 color: #999;
		 font-size: 28rpx;
	 }
</style>

